<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>礼拜五详情</title>
		<link rel="stylesheet" href="../../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_1516407_6k8vrm3ng1t.css"/>
		
		<style>
			body,html{
				width:100%;
				height:100%;
			}
			#detail{
				width:100%;
				height:100%;
			}
			.detail-top{
				width:78.5%;
				margin:auto;
				height:40px;
				font-size:14px;
				color:#878787;
				line-height: 40px;
				padding-left: 15px;
				background:#f4f4f4;
			}
			.detail-content{
				width:80%;
				margin:0px;
				padding: 0px;
				margin:auto;
				
				display:flex;
				justify-content:space-between;
				
			}
			.conLeft{
				width:45%;
				border:1px solid yellow;
				
			}
			.conRight{
				width:52%;
				border: 1px solid gold;
			}
			.conLeft-img {
				width:100%;
				font-size: 0px;
			}
			.conLeft-img img{
				width:100%;
				
			}
			.conLeft-lunbo{
				width:100%;
				font-size:0px;
				display: flex;
				justify-content: space-between;
				align-items: center;

				/*text-align: center;
				line-height: 40px;*/
				
			}
			.conLeft-lunbo span{
				font-size:40px;
				color:#e4e4e4;
				height:100%;
				
				
			}
			.conLeft-lunbo span:nth-child(6){
				font-size:45px;
				text-align: right;
			}
			.conLeft-lunbo img{
				width:16%;
				margin-left:2%;
				margin-top:10px;
				
			}
			.conRight-heard{
				width:100%;
				border-bottom: 1px solid #ededed;
				
			}
			.conRight-heard p{
				margin-top:20px;
				font-size:20px;
				color:#333;
			}
			.conRight-jieshao{
				width:100%;
				margin-top:20px;
				margin-bottom:20px;
			}
			.conRight-jieshao span{
				display: inline-block;
				width:10%;
				height:20px;
				font-size:14px;
				line-height: 20px;
				text-align: center;
				color:#fff;
				background: #498e3d;
				margin-right:10px ;
			}
			
			.conRight-content{
				width:100%;
				display: flex;
				justify-content: space-between;
				border-bottom: 1px solid #ededed;
			}
			.Rcontent{
				width:30%;
				margin-top:20px ;
			}
			.Rcontent img{
				width:100%;
				
			}
			.Rcontent p{
				width:100%;
				height:25px;
				line-height: 25px;
				font-size:14px;
				color:#333;
				text-align: center;
				background: #ffe313;
				border-radius:14px;
				margin-top:10px;
				margin-bottom:10px;
			}
			.Lcontent{
				width:65%;
				font-size:14px;
				color:#737373;
				line-height: 30px;
				margin-top:40px;
				
			}
			.conPric{
				width:100%;
				font-size:16px;
				color:red;
				margin-top:15px
			}
			
			.conPric strong{
				font-size:12px;
				color:#666;
				margin-left:15px;
				text-decoration:line-through;
			}
			.conGuige{
				width:100%;
				font-size:16px;
				color:#666;
				margin-top:15px;
			}
			.conGuige span{
				display: inline-block;
				width:10%;
				height:25px;
				line-height: 25px;
				text-align: center;
				border:1px solid #d4d4d4;
				font-size:12px;
				color: #959595;
			}
			.conCount{
				width: 100%;
				font-size:14px;
				color:#666;
			}
			.count{
				width:30%;
				border:1px solid #d3d3d3;
				height:30px;
				font-size:12px;
				color:#ccc;
				 
				
			}
		</style>
	</head>
	<body>
		<div id="detail">
			<div class="detail-top">
				你当前的位置: 首页 > 全部商品 > 苹果 > 阿克苏
			</div>
			<div class="detail-content">
				<div class="conLeft">
					<div class="conLeft-img">
						<img src="../../img/img-JL/big-orange.png" alt="" />
					</div>
					<div class="conLeft-lunbo" >
						<span class="iconfont icon-zuola1" ></span>
						<img src="../../img/img-JL/big-orange.png" alt="" />
						<img src="../../img/img-JL/big-orange.png" alt="" />
						<img src="../../img/img-JL/big-orange.png" alt="" />
						<img src="../../img/img-JL/big-orange.png" alt="" />
						<span class="iconfont icon-zuola"></span>
					</div>
					
					
				</div>
				<div class="conRight">
					<div class="conRight-heard">
						<p>新疆哈密瓜1500kg</p>
						<div class="conRight-jieshao">
							<span>全国</span>
							<span>礼拜五</span>
							<span>次日达</span>
							<span>自营</span>
						</div>
					</div>
					<div class="conRight-content">
						<span class="Rcontent">
							<img src="../../img/img-JL/green-orange.png" alt="" />
							<p>资深买家</p>
						</span>
						<strong class="Lcontent">
							雀斑石榴持续热卖!云南蒙自石榴,原产波斯(今伊朗)一-带,公元前二世纪时传入我国。是中国三大石榴之一， 粒大皮薄,汁多味甜爽口。雀斑石榴持续热卖!云南蒙自石榴,原产波斯(今伊朗)一带,公元前二世纪时传入我国。是中国三大石榴之一,粒大皮薄,汁多味甜爽口
						</strong>
					</div>
					<div class="conPric">
						<span>现价: ￥20.0</span>
						<strong>原价: ￥40.0</strong>
					</div>
					<div class="conGuige">
						<strong>请选择规格</strong>
						<span>500g</span>
						<span>1000g</span>
						<span>2000g</span>
					</div>
					<div class="conGuige">
						<strong>请选择规格</strong>
						<span>500g</span>
						<span>1000g</span>
						
					</div>
					<div class="conCount">
						<span>数量:</span>
						<strong class="count">
							<span>-</span>
							<input type="text" />
							<span>+</span>
						</strong>
						件
						<input type="button" value="加入购物车" />
						<input type="button" value="立即购买" />
					</div>
				</div>
				
			</div>
		</div>
	</body>
</html>
